#top-menu {
position:absolute;
top:0;
background:#dfe0e0;
right:37.5%;
z-index:10;
width:128px;
height:140px;
color:#dfe0e0;
font:normal 0 11px Verdana,Arial,Sans-Serif;
border-radius:0 0 0px 0px;
transition:right .15s linear;
border-color:#0 #0 #0 #0;
border-style:solid;
border-width:0px;
margin:0 auto;
padding:10px;
}
}
#top-menu:after {
content:"";
display:block;
position:absolute;
top:100%;
left:20px;
border-color:#333 transparent transparent;
border-style:solid;
border-width:15px;
}
#top-menu ul#step {
width:108px;
display:block;
margin:10px 10px 10px auto;
padding:0;
}         
#top-menu ul#step li {
display:block;
margin:0 0 2px;
padding:0;
}
         
#top-menu ul#step li a {
display:block;
background:#dfe0e0;
color:#000000;
text-transform:uppercase;
text-decoration:none;
font:normal 9px Arial,Sans-Serif;
position:relative;
transition:all .26s ease-out;
margin:0;
padding:6px 12px;
}
         
#top-menu ul#step li a:before {
content:"";
width:0;
height:0;
position:absolute;
right:0;
top:0;
display:block;
border-color:transparent #dfe0e0 transparent transparent;
border-style:solid;
border-width:11px;
}
         
#top-menu ul#step li a:hover {
transition:none;
color:white;
text-decoration:none;
padding:6px 0 6px 15px;
}
#top-menu ul#step li.satu a:hover {
background:#c5c5c5;
}
         
#top-menu ul#step li.dua a:hover {
background:#c5c5c5;
}
         
#top-menu ul#step li.tiga a:hover {
background:#c5c5c5;
}
         
#top-menu ul#step li.empat a:hover {
background:#c5c5c5;
}
#top-menu ul#step li.lima a:hover {
background:#c5c5c5;
}
#top-step ul#step li.current a {
border-left:2px solid #c5c5c5;
} 